<template>
  <el-card>
    <el-table :data="[{}]">
      <el-table-column label="序号" type="index" />
      <el-table-column label="名称" prop="xxx" />
      <el-table-column label="描述" prop="xxx" />
      <el-table-column label="默认图片">img</el-table-column>
      <el-table-column label="重量(KG)" prop="xxx" />
      <el-table-column label="价格(元)" prop="xxx" />
      <el-table-column label="操作">
        <el-tooltip
          class="box-item"
          effect="light"
          content="上架"
          placement="bottom"
        >
          <el-button type="info" :icon="Top" size="small" />
        </el-tooltip>
        <el-tooltip
          class="box-item"
          effect="light"
          content="修改"
          placement="bottom"
        >
          <el-button type="primary" :icon="Edit" size="small" />
        </el-tooltip>
        <el-tooltip
          class="box-item"
          effect="light"
          content="查看详情"
          placement="bottom"
        >
          <el-button type="info" :icon="InfoFilled" size="small"></el-button>
        </el-tooltip>
        <el-tooltip
          class="box-item"
          effect="light"
          content="删除"
          placement="bottom"
        >
          <el-button type="info" :icon="Delete" size="small"></el-button>
        </el-tooltip>
      </el-table-column>
    </el-table>
  </el-card>
</template>

<script lang="ts">
export default {
  name: "CSku",
};
</script>

<script lang="ts" setup>
import { Delete, Edit, InfoFilled, Top } from "@element-plus/icons-vue";
</script>

<style scoped></style>
